import Vue from 'vue'
import App from './App.vue'

import VueRouter from 'vue-router'
import news from './views/news.vue';
import sports from './views/sports.vue';
import title from './views/title.vue';
import info from './views/second/info.vue';
import main from './views/second/main.vue';
import out from './views/second/out.vue';


Vue.use(VueRouter)

let routes = [{
  path: '/title',
  component: title
}, {
  path: '/news',
  component: news
}, {
  path: '/sports',
  component: sports,
  children: [{
    path: '/main',
    component: main
  }, {
    path: '/out',
    component: out
  }, {
    path: '/info',
    component: info
  }]
}]

let router = new VueRouter({
  routes
})

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  router
}).$mount('#app')